.tb_banner{ position: relative;}
.tb_banner .owl-dots{ position: absolute; left: 0;right: 0;bottom: 5px;}
.tb_banner .owl-theme .owl-dots .owl-dot.active span,.newsLeft .owl-theme .owl-dots .owl-dot.active span{background: #fff;}
.tb_banner .owl-theme .owl-dots .owl-dot:hover span,.newsLeft .owl-theme .owl-dots .owl-dot:hover span{background: #fff;}
.tb_banner .owl-theme .owl-dots .owl-dot span,.newsLeft .owl-theme .owl-dots .owl-dot span{ background: transparent;border: 2px solid #fff; width: 6px;height: 6px;}

body{background: #f6f6f6;}
.index_1{ text-align: center; padding: 3% 0 4% 0;border-bottom: 1px solid #eee;}
.index_1_txt>p + p{ margin-top: 10px;}
.aboutDL dd{font-size: 14px; display: inline-block; vertical-align: top; width: 20%;color: #014099;}
.aboutDL{ padding: 3% 0 5% 0; font-size: 0;}
.aboutDL dd img{ display: block; margin:0 auto 15px auto; max-width: 80%;}
.index_2{ text-align: center; padding: 3% 0;border-bottom: 1px solid #eaeaea;}
.index_2 .owl-nav .owl-prev,.index_2 .owl-nav .owl-next{color: #bbb; position: absolute; font-size: 30px; top: 50%; top: calc(50% - 30px); transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.index_2 .owl-nav .owl-prev{ left: 0;}
.index_2 .owl-nav .owl-next{ right: 0; }
.index_2 .owl-carousel{ width: auto;padding: 0 60px; }
.index_2 .owl-carousel .scaleImg{display: block; position: relative; border-radius: 3px;z-index: 2; margin-bottom: 10px;}
.index_2 .owl-dots{ margin-top: 20px;}

.index_3{ padding: 3% 0;border-bottom: 1px solid #eaeaea;}
.news{ position: relative;}
.newsLeft{ float: left; width: 49.5%;}
.newsLeft .item{ padding-top: 56.5%; display: block; position: relative;}
.newsLeft .item h6{color: #fff; font-size: 16px; position: absolute; left: 0;right: 0;bottom: 0;line-height: 40px;background: #000;background: rgba(0,0,0,.5); padding: 0 80px 0 10px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.newsLeft .owl-dots{ position: absolute;right: 5px;bottom: 6px;z-index: 10;}
.newsRight{ position: absolute;right: 0;top: 0;width: 49.5%;height: 100%;overflow: hidden;}
.newsRight dd{ float: left; width: 49%; height: 48.15%;margin-bottom: 2%;}
.newsRight dd:nth-child(odd){ float: right;}
.newsRight dd a{ display: block;color: #1A1A1A; position: relative; padding: 15px; border: 1px solid #eaeaea;height: 100%;box-sizing: border-box; -webkit-box-sizing: border-box;}
.newsRight dd h6{ max-height: 50px;overflow: hidden;}
.newsRight .dates .fl{background: #ddd;color: #666; padding: 0 10px;}
.newsRight .dates{color: #999; line-height: 24px; position: absolute; bottom: 15px; left: 0;right: 0; padding: 15px;}

.index_4{ padding: 3% 0;}
.index_4 .item .fl{ width: 180px; margin-right: 20px;}
.hiddenTxt{color: #666; text-align: justify; overflow: hidden; position: relative; padding: 0 30px;}
.hiddenTxt:before{ position: absolute; left: 0;top: 0;width: 21px;height: 17px;content: '';background: url(/template/pc/bailan/images/mh1.png) no-repeat center;}
.hiddenTxt:after{ position: absolute;right: 0;bottom: 60px;width: 21px;height: 17px;content: '';background: url(/template/pc/bailan/images/mh2.png) no-repeat center;}
.hiddenTxt h5{ margin-bottom: 10px;}
.hiddenTxt .lookMore{ text-align: left; margin-top: 25px;}
.index_4 .owl-carousel .owl-item{ position: relative;}
.index_4 .owl-carousel .owl-item:before{ position: absolute; left: -40px; top: 0;bottom: 50px;content: '';border-right: 1px solid #EAEAEA;}
.index_4 .owl-carousel{ padding-top: 15px;}
.index_4 .owl-dots{ margin-top: 20px;}
@media only screen and (max-width:1200px ) {
	.newsRight .dates{ bottom: 0;}
	.newsRight dd h6{ font-size: 14px; height: 44px;}
}



@media only screen and (min-width:1059px ) {
	.newsLeft .item h6,{transition: .3s; -webkit-transition: .3s;}
	.aboutDL dd img{transition: 1s; -webkit-transition: 1s;}
	.aboutDL dd:hover img{ transform: rotate(360deg); -webkit-transform: rotate(360deg);}
	.newsLeft .item:hover h6{background:rgba(1,64,153,.5) ;}
	.newsRight dd a:hover{background: #014099; border-color: #014099;color: #fff;}
	.newsRight dd a:hover .dates{color: #fff;}
	.newsRight dd a:hover .dates .fl{ background: #fff;color: #0E4A9E;}
	.index_2 .owl-nav >div:hover{color: #0E4A9E;}
}


@media only screen and (max-width:960px ) {
	.aboutDL dd{ width: 25%;}
	.aboutDL dd img{ margin-bottom: 5px;}
	.aboutDL dd p{ padding: 0 5px;}
	.newsLeft{ width: 100%; float: none; margin-bottom: 2%;}
	.newsRight{ position: static; width: auto;height: auto;}
	.newsRight .dates{ position: static; padding: 10px 0 0 0;}
	
}

@media only screen and (max-width: 640px) {
	.index_2 .owl-carousel{ padding: 0;}
	.index_2 .owl-nav .owl-prev, .index_2 .owl-nav .owl-next{ display: none;}
	.aboutDL dd{font-size: 13px;}
	.newsLeft .item h6{ font-size: 14px; line-height: 36px;}
}

@media only screen and (max-width:480px ) {
	.newsRight dd{ float: none !important;width: auto;}
	.newsRight dd h6{ height: auto;max-height: 44px;}
	.index_4 .item .fl{ width: 80px; margin-right: 10px;}
	.index_4 .item .txt{ font-size: 12px;}
	.hiddenTxt:before,.hiddenTxt:after{ width: 12px;background-size: contain !important;}
	.hiddenTxt{ padding: 0 15px;}
}

@media only screen and (max-width: 350px) {
	.aboutDL dd{font-size: 12px;}
}